{include file="public/header,public/nav,public/fixbar" title="<?php echo $info['title']?>-<?php echo request()->pc_info['seo_title']?>"/}
<div class="layui-body">
    <div class="layui-container">
        <div class="layui-col-space10">
            <div class="layui-col-xs12 layui-col-md7 layui-col-lg8">
                <div class="layui-main margin-bottom-10">
                    <div class="article-detail">
                        <div class="title">{$info.title}</div>
                        <div class="article-tool">
                            <p class="time"><i class="layui-icon layui-icon-time"></i> {$info.create_time}</p>
                            <p class="text"><i class="layui-icon layui-icon-eye"></i> {$info.click_num}</p>
                        </div>
                        <div class="text-content">
                            {$info.content|raw}
                        </div>
                    </div>
                </div>
                {if $info.recommends}
                <div class="layui-main">
                    <div class="layui-row">
                        <div class="layui-font-16 margin-bottom-15 font-weight-bold">
                            <i class="layui-icon layui-icon-fire layui-font-16 padding-right-5 layui-font-red"></i>
                            推荐商品
                        </div>
                        <div class="layui-col-space25">
                            {foreach $info.recommend_list as $v}
                            <div class="layui-col-xs12 layui-col-md6">
                                <a href="{$v.href}">
                                    <div class="layui-card product-item">
                                        <div class="layui-card-body">
                                            <div class="item">
                                                {if $v.product_type == 1}
                                                <img src="{$v.head_imgs}" class="user-goods-img">
                                                {elseif $v.product_type == 10}
                                                <div class="justify-content-center">
                                                    <img style="background-color: {$v.background_color};margin-right: 0px;" src="{$v.head_imgs}" class="user-goods-img">
                                                    <span class="exam-sub-title">{$v.sub_title}</span>
                                                </div>
                                                {else}
                                                <img src="{$v.head_imgs}" class="user-course-img">
                                                {/if}
                                                <div class="detail">
                                                    <div class="product-title layui-ellipss">
                                                        <span class="item-title-label">{$v.product_type_text}</span>{$v.name}
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="layui-card-footer">
                                            <p class="text">已售 <b>{$v.virtual_sales+$v.real_sales}</b></p>
                                            {if $v.sale_price == 0}
                                            <p class="product-price layui-font-16">免费</p>
                                            {else}
                                            <p class="product-price layui-font-16"><span class="symbol">￥</span>{$v.sale_price}</p>
                                            {/if}
                                        </div>
                                    </div>
                                </a>
                            </div>
                            {/foreach}
                        </div>
                    </div>
                </div>
                {/if}
            </div>
            <div class="layui-col-xs12 layui-col-md5 layui-col-lg4">
                <div class="layui-main">
                    <div class="layui-row">
                        <div class="layui-font-16 margin-bottom-15 font-weight-bold">
                            <i class="layui-icon layui-icon-fire layui-font-16 padding-right-5 layui-font-red"></i>
                            热门商品
                        </div>
                        <div class="layui-col-space15">
                            {foreach $goods_list as $v}
                            <div class="layui-col-xs12 article-li">
                                <a href="{$v.href}">
                                    <div class="layui-card">
                                        <div class="layui-card-body">
                                            <div class="item">
                                                <img src="{$v.head_imgs}" class="user-goods-img">
                                                <div class="detail">
                                                    <div class="product-title layui-ellips">
                                                        <span class="item-title-label">{$v.product_type_text}</span>{$v.name}
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="layui-card-footer">
                                            <p class="text">已售 <b>{$v.virtual_sales+$v.real_sales}</b></p>
                                            {if $v.sale_price == 0}
                                            <p class="product-price layui-font-16">免费</p>
                                            {else}
                                            <p class="product-price layui-font-16"><span class="symbol">￥</span>{$v.sale_price}</p>
                                            {/if}
                                        </div>
                                    </div>
                                </a>
                            </div>
                            {/foreach}
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
    </div>
</div>
{include file="public/footer"/}